<template>
  <div>
    <el-table-column prop="column1" label="核查结果" width="200">
      <template slot-scope="scope">
        <div v-if="scope.row.id === 1" class="resTag resTag1">{{ scope.row.column1 }}</div>
        <div v-else-if="scope.row.id === 2" class="resTag resTag2">{{ scope.row.column1 }}</div>
      </template>
    </el-table-column>
  </div>
</template>

<script>
export default {
}
</script>

<style lang="scss" scoped>
.resTag{
  display: inline-block;
  line-height: 24px;
  padding: 4px 10px;
  border-radius: 2px;
}
.resTag1{
  color: #06c80b;
  background-color: #e7fae7;
}
.resTag2{
  color: #ff0006;
  background-color: #ffe6e7;
}
</style>

